<template>
  <div id="app" style="font-size: 26px; font-weght: bold; margin: 40px 0">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane
        v-for="(item, index) in tabsList"
        :key="index"
        :label="item.label"
        :name="item.name"
      >
      </el-tab-pane>
      <platformSetup v-if="activeName == '1'"></platformSetup>
      <swiper v-if="activeName == '2'"></swiper>
      <toolList v-if="activeName == '3'"></toolList>
    </el-tabs>
  </div>
</template>

<script>
import platformSetup from "../../common/platformSetup";
import swiper from "../../common/swiper";
import toolList from "../../common/toolList";
export default {
  name: "xitongshezhi",
  components: {
    platformSetup,
    swiper,
    toolList,
  },
  data() {
    return {
      tabsList: [
        { label: "平台设置", name: "1" },
        { label: "轮播图", name: "2" },
        // {label:'维修设置', name:'3'},
      ],
      activeName: "1",
    };
  },
  methods: {
    handleClick(tab, event) {
      // console.log(tab, event);
      // console.log(this.activeName)
    },
  },
};
</script>

<style scoped>
</style>
